QUnit.test('personal-center tests', function (assert) {
    var personalCenter = $('.personal-center');
    personalCenter.on('mouseover', moveAndFadeOut);
    // personalCenter.on('mouseout', moveAndFadeIn);
    var done = assert.async();

    function moveAndFadeOut(e) {
        var value = false;
        var oneself = $(e.currentTarget);
        value = oneself.data('animation');
        if (value) {
            return;
        } else {
            value = oneself.data('animation', false).data('animation');
        }
        oneself.data('animation', true);
        var header = oneself.children('.personal-center-header');
        var content = oneself.children('.personal-center-content');
        var movment = 'personal-center-movement';
        var options = {duration: 200, complete: firstAnimation, queue: true};
        oneself.addClass(movment, options);
        var noshadow = 'personal-center-header-noshadow';
        header.addClass(noshadow);

        function firstAnimation() {
            options = {effect: 'fade', duration: 500, complete: secondAnimation, queue: false};
            content.show(options);
        }

        function secondAnimation() {
            setTimeout(thirdAnimation, 2000);
        }

        function thirdAnimation() {
            options = {effect: 'fade', duration: 500, complete: fourAnimation, queue: false};
            content.hide(options);
        }

        function fourAnimation() {
            content.removeAttr('style');
            options = {duration: 200, complete: lastAnimation, queue: true};
            oneself.removeClass(movment, options);
            header.removeClass(noshadow);
        }

        function lastAnimation() {
            value = oneself.data('animation', false).data('animation');
            done();
        }
    }

    function moveAndFadeIn(e) {

    }

    assert.ok(true);
});